body, html, textarea{
	margin:0;
	padding:0;
	font-family: Georgia, serif;
}
body{
	text-align:center;
}
textarea, input{outline:none;}

.wrapper{
	margin-top:40px;
	position:relative;
}


.functions{
	padding:0;
	margin:0;
	text-align:right;
	width:720px;
	margin: 10px auto;
}
	.functions li{
		margin:0;
		padding:0;
		display:inline;
	}
		.functions li a:link,
		.functions li a:active,
		.functions li a:visited,
		.functions li a:hover{
			color:#007484;
			font-size:12px;
			text-decoration:none;
		}
		.functions li a:hover{
			color:#009FB7;
		}
			.fldProject{
				padding:0;
				height:15px;
				border: 1px solid #cecece;
				width:150px;
				display:inline;
			}
.fldExport{
	padding:0;
	margin:20px auto 0;
	width:720px;
	height:200px;
	border: 1px solid #cecece;
	font-size:12px;
}



table.checklist{
	border-collapse:collapse;
	margin:0 auto;
	width:720px;
}
	table.checklist th,
	table.checklist td{
		border: 1px solid #C4C4C4;
		text-align:center;
		padding:3px 5px;
	}
		table.checklist th.browser .ico{
			background-image: url(../img/browsers.jpg);
			padding-top:50px;
			height:0;
		}
		table.checklist th.ie6 .ico{ background-position:-100px 0; }
		table.checklist th.ie7 .ico{ background-position:-50px 0; }
		table.checklist th.ie8 .ico{ background-position:0 0; }
		table.checklist th.ff .ico{ background-position:0 -50px; }
		table.checklist th.wk .ico{ background-position:-50px -50px; }
	table.checklist td{
		border: 1px solid #C4C4C4;
		text-align:center;
		color:#626262;
	}
	table.checklist th.desc{
		border-top: none;
		border-left: none;
	}
	table.checklist .desc{
		text-align:left;
		width:400px;
	}
		table.checklist .desc sup{
			color:#8B8B8B;
			font-size:12px;
		}
		table.checklist .fldDescription{
			width:100%;
			height:12px;
			border: none;
			overflow:hidden;
			font-size: 14px;
		}
	table.checklist .browser{
		width:40px;
	}
		table.checklist .browser .ico,
		table.checklist .browser label{
			background-repeat: no-repeat;
			width:50px;
			height:50px;
			overflow:hidden;
			display:inline-block;
		}
	table.checklist .browser label{
		width:0;
		min-height:20px;
		height:100%;
		padding-left:50px;
		background-image: url(../img/check.png);
		background-position: 0 50%;
		position:relative;
	}
	table.checklist .browser label.checked{
		background-position: -50px 50%;
	}
	table.checklist .browser label input{
		position:absolute;
		top:-50px;
		left:-50px;
	}
	
	table.checklist .add{
		position:absolute;
		height:0;
		width:0;
	}
		table.checklist .add a:link,
		table.checklist .add a:active,
		table.checklist .add a:visited,
		table.checklist .add a:hover{
			position:absolute;
			top:0;
			left:-30px;
			width:20px;
			height:20px;
			background:red;
			overflow:hidden;
			text-align:center;
		}


.percent-holder{
	text-align:left;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#fff;
}
	.percent-holder .percent,
	.percent-holder .percent .bar{
		overflow:hidden;
	}
	.percent-holder .percent{
		width:0;
		border-top:10px solid #cecece;
	}
	.percent-holder .percent-label{
		font-size:20px;
		font-weight:bold;
		color:#cecece;
		margin-top:5px;
		text-align:right;
	}
	.percent-holder .low{ border-top-color:#FF2413; }
		.percent-holder .low .percent-label{ color:#FF2413; }
	.percent-holder .medium { border-top-color:#FFC119; }
		.percent-holder .medium .percent-label{ color:#FFC119; }
	.percent-holder .high { border-top-color:#05C80F; }
		.percent-holder .high .percent-label{ color:#05C80F; }

.message{
	width:152px;
	padding-top:130px;
	height:0;
	overflow:hidden;
	position:absolute;
	top:92px;
	left:50%;
	margin-left: -500px;
	background:url(../img/explanation.png) no-repeat;
	
}